<!DOCTYPE html>
<html lang=en>

<head>
    <meta charset=UTF-8>
    <meta http-equiv=X-UA-Compatible content="IE=edge">
    <meta name=viewport content="width=device-width,initial-scale=1">
    <title>商品页</title>
    <link rel=stylesheet href=../css/reset.css>
    <link rel=stylesheet href=../css/cart.css>
    <link rel=stylesheet href=../css/top.css>
    <link rel=stylesheet href=../css/footer.css>
    <link rel=stylesheet href=../css/fixed_field.css>
    <link rel="stylesheet" href="../css/spxq.css">
</head>

<body>
    <div class=top>
        <div class=center>
            <div class=top_1>
                <ul class=left>
                    <li><a href=../views/index.html>首页&nbsp;&nbsp;|&nbsp;&nbsp;</a></li>
                    <li><a href="">华为官网&nbsp;&nbsp;|&nbsp;&nbsp;</a></li>
                    <li><a href="">花粉俱乐部&nbsp;&nbsp;|&nbsp;&nbsp;</a></li>
                    <li><a href="">V码(优购码)&nbsp;&nbsp;|&nbsp;&nbsp;</a></li>
                    <li><a href="">企业购&nbsp;&nbsp;|&nbsp;&nbsp;</a></li>
                    <li><a href="">Select Region&nbsp;&nbsp;|&nbsp;&nbsp;</a></li>
                    <li><a class=ej1 href="">更多精彩&nbsp;&nbsp;v<ol class=ejcd1>
                                <li><a href="">HarmonyOS</a></li>
                                <li><a href="">应用市场</a></li>
                                <li><a href="">华为终端云空间</a></li>
                                <li><a href="">开发者联监</a></li>
                            </ol></a></li>
                </ul>
                <ul class=right>
                    <li><a href=../views/login.html>请登录&nbsp;&nbsp;&nbsp;&nbsp;</a></li>
                    <li><a href=../views/register.html>注册&nbsp;&nbsp;|&nbsp;&nbsp;</a></li>
                    <li><a href="">我的订单&nbsp;&nbsp;|&nbsp;&nbsp;</a></li>
                    <li><a class=ej2 href="">客服&nbsp;&nbsp;v&nbsp;&nbsp;|&nbsp;&nbsp;<ol class=ejcd2>
                                <li><a href="">服务中心</a></li>
                                <li><a href="">联系客服</a></li>
                            </ol></a></li>
                    <li><a href="">网站导航&nbsp;&nbsp;v&nbsp;&nbsp;|&nbsp;&nbsp;</a></li>
                    <li><a href="">手机版&nbsp;&nbsp;v&nbsp;&nbsp;</a></li>
                    <li><a href=../views/cart.html>购物车(0)&nbsp;&nbsp;&nbsp;&nbsp;</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class=top2>
        <div class=center>
            <div class=top2_1><img class=log src=https://res.vmallres.com/portal/1.11.3.300/h5/images/logo_app.png
                    alt="">
                <ul>
                   
                   
                </ul><a href=../views/sousuo.html><img class=log1 src=../img/sousuo.jpg alt=""></a>
            </div>
        </div>
    </div>





   

            <div class="contente">
                <div class="contente_dv">
                    <!-- 放大镜 -->
                    <div class="contente_ddd">
                        <ul>
                            <li>首页</li>
                            <li>></li>
                            <li>笔记本</li>
                            <li>></li>
                            <li>华为MateBook X系列</li>
                            <li>></li>
                            <li>HUAWEI MateBook X Pro 2021款 i7 16GB 512GB（深空灰）锐炬显卡 13.9英寸3K高清触控屏 11代酷睿处理器 商务轻薄笔记本</li>
                        </ul>
                    </div>
                    <!-- 放大镜  -->
                    <div class="magnifier">
                        <div class="magnifier_get">
                            <div class="menban"></div>
                            <img src="../img/大笔记本1.png" alt="">
                        </div>
                        <div class="magnifier_get1">
                            <div class="xtb"><</div>
                            <div class="xtb1">></div>
                            <div class="magnifier_get1_dv">
                            <ul>
                                <li>
                                    <div class="magnifier_get1_dv1 magnifier_get1_css" ><img src="../img/笔记本1.png" alt=""></div>
                                </li>
                                <li>
                                    <div class="magnifier_get1_dv1"><img src="../img/笔记本2.png" alt=""></div>
                                </li>
                                <li>
                                    <div class="magnifier_get1_dv1"><img src="../img/笔记本3.png" alt=""></div>
                                </li>
                                <li>
                                    <div class="magnifier_get1_dv1"><img src="../img/笔记本4.png" alt=""></div>
                                </li>
                                <li>
                                    <div class="magnifier_get1_dv1"><img src="../img/笔记本5.png" alt=""></div>
                                </li>
                                <li>
                                    <div class="magnifier_get1_dv1"><img src="../img/笔记本6.png" alt=""></div>
                                </li>
                                <li>
                                    <div class="magnifier_get1_dv1"><img src="../img/笔记本7.png" alt=""></div>
                                </li>
                                <li>
                                    <div class="magnifier_get1_dv1"><img src="../img/笔记本8.png" alt=""></div>
                                </li>
    
                            </ul>
                        </div>
                        </div>
                    </div>
                    <div class="magnifier_da">
                        <img src="../img/超大笔记本1.png" alt="">
                    </div>
                    <!-- 价格详情 -->
                    <div class="details">
                        <div class="details_tit">HUAWEI MateBook X Pro 2021款 i7 16GB 512GB（深空灰）锐炬显卡 13.9英寸3K高清触控屏 11代酷睿处理器 商务轻薄笔记本</div>
                        <div class="details_price">
                            <div class="details_price1">
                                <div class="price1">价&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;格</div>
                                <div class="prices2">抢购价</div>
                                <span style="font-size: 20px;color: rgb(214, 16, 16);margin-left: 10px; margin-top: 7px;">¥</span>
                                <div class="prices3">8899.00</div>
                                <span style="font-size: 20px;margin-right: 5px;color: #888;margin-left: 10px;margin-top: 7px;">¥</span>
                                <div class="prices4">8999.00</div>
                            </div>
                            <div  class="details_price2">
                                <div class="price1">促&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;销</div>
                                <div class="tj">
                                    <div class="tj1">限时特价</div>
                                    <div class="tj2">限时直降100元 </div>
                                </div>
                                <div class="tj_1">
                                    <div class="tj1">以旧换新</div>
                                    <div class="tj2"> 以旧换新最高补贴1212元  </div>
                                </div>
                                <div class="tj_1">
                                    <div class="tj1" style="width: 85px;">分期免息</div>
                                    <div class="tj2">银联、花呗、掌上生活、工行分期支付可享免息（免息活动适用于单款免息商品订单，含多款商品订单仅在免息活动一致时可享用） </div>
                                </div>
                                <div class="tj_1">
                                    <div class="tj1">赠送积分</div>
                                    <div class="tj2">购买即赠商城积分，积分可抵现~ </div>
                                </div>
                            </div>
                        </div>
                        <div class="details_address">
                            <div class="details_address1">
                                <div class="details_address_1">服务说明</div>
                                <div class="details_address_2">河南 > 郑州 > 高新区
                                    <div class="details_address2">
    
                                    </div>
                                </div>
                                <div class="details_address_3" style="color: rgb(214, 16, 16);">现货</div>
                                <div class="details_address_3">已满48元包邮&nbsp;&nbsp; 由华为终端提供商品、发货开票及售后服务 &nbsp; <span style="color:cornflowerblue">查看详情</span></div>
                            </div>
                            <div class="details_address1">
                                <div class="details_address_1" style="margin-top: 20px;">商品编码</div>
                                <div class="details_address_3" style="margin-top: -15px;">2111111111</div>
                            </div>
                           
                        </div>
                        <div class="details_configure">
                            <div class="details_configure1">
                                <div class="details_address_1" style="margin-top: 20px;">商品编码</div>
                                <ul>
                                    <li>
                                        <div class="details_configure1_li" style="border: 1px solid rgb(214, 16, 16);" id="1">I7/16GB/512GB 触屏</div>
                                    </li>
                                    <li>
                                        <div class="details_configure1_li">I5/16GB/512GB 触屏</div>
                                    </li>
                                    <li>
                                        <div class="details_configure1_li">I7/16GB/1TB 触屏</div>
                                    </li>
                                </ul>
                            </div>
                            <div class="details_configure2">
                                <div class="details_address_1" style="margin-top: 20px;">选择显卡</div>
                                <ul>
                                    <li>
                                        <div class="details_configure1_li" id="2" style="border: 1px solid rgb(214, 16, 16);;width: 80px;">RTX9090ti</div>
                                    </li>
                                </ul>
                            </div>
                            <div class="details_configure3">
                                <div class="details_address_1" style="margin-top: 20px;">选择颜色</div>
                                <ul>
                                    <li>
                                        <div class="details_configure1_li" style="border: 1px solid rgb(214, 16, 16);;width: 100px;display: flex;"id="3"><img src="../img/笔记本1.png" alt="">翡冷翠</div>
                                    </li>
                                    <li>
                                        <div class="details_configure1_li" style="width: 100px;display: flex;"><img src="../img/笔记本1.png" alt="">皓月银</div>
                                    </li>
                                    <li>
                                        
                                        <div class="details_configure1_li" style="width: 100px;display: flex;"><img src="../img/笔记本1.png" alt=""><div>深空灰</div></div>
                                    </li>
                                    <li>
                                        <div class="details_configure1_li" style="width: 100px; display: flex;"><img src="../img/笔记本1.png" alt=""><div>樱粉金</div></div>
                                    </li>
                                </ul>
                            </div>
                            <div class="details_configure4">
                                <div class="details_address_1" style="margin-top: 20px;">选择套餐</div>
                                <ul>
                                    <li>
                                        <div class="details_configure1_li" style="border: 1px solid rgb(214, 16, 16);;width: 80px;" id="4">单品</div>
                                    </li>
                                    <li>
                                        <div class="details_configure1_li" style="width: 140px;"> 商务轻薄本实用套餐</div>
                                    </li>
                                </ul>
                            </div>
                            <div class="details_configure5">
                                <div class="details_address_1" style="margin-top: 20px;">保障服务</div>
                                <ul>
                                    <li>
                                        <div class="details_configure1_li" style="width: 160px;">延长服务宝1年 ￥498 &nbsp;&nbsp; ∨
                                        <div class="details_configure5_dv"><input type="checkbox"></div>
                                    </div>
                                    </li>
                                    
                                </ul>
                            </div>
                            <div class="details_configure6">
                                <div class="details_address_1" style="margin-top: 20px;">分期免息</div>
                                <ul>
                                    <li>
                                        <div class="details_configure1_li" style="width: 90px;">花呗分期&nbsp;&nbsp; ∨
                                            <div class="details_configure6_dv"></div>
                                    </div>
                                    </li>
                                    <li>
                                        <div class="details_configure1_li" style="width: 120px;">掌上生活分期&nbsp;&nbsp; ∨
                                            <div class="details_configure6_dv1"></div>
                                    </div>
                                    </li>
                                </ul>
                            </div>
                            <div class="details_configure7">
                                <div class="details_address_1" style="margin-top: 20px;">推荐</div>
                                <ul>
                                    <li>
                                        <div class="details_configure7_li">
                                            <img src="../img/笔记本1.png" alt="">
                                            <div class="details_configure7_li_dv">HUAWEI 
                                                <br>MateBook X 2021款13英寸 11代酷睿 i5 16GB 512GB（冰霜银）3K触控全面屏 轻至1kg 多屏协同 4扬声器环绕音效 轻薄笔记本</div>
                                    </div>
                                    </li>
                                    <li>
                                        <div class="details_configure7_li">
                                            <img src="../img/笔记本1.png" alt="">
                                            <div class="details_configure7_li_dv">HUAWEI 
                                                <br>蓝牙鼠标（第二代）樱语粉</div>
                                    </div>
                                    </li>
                                    <li>
                                        <div class="details_configure7_li">
                                            <img src="../img/笔记本1.png" alt="">
                                            <div class="details_configure7_li_dv">HUAWEI 
                                                <br>FreeBuds 4 真无线耳机（陶瓷白）半开放主动降噪2.0 高达40kHz宽频大动圈单元 空气感舒适佩戴</div>
                                    </div>
                                    </li>
                                    <li>
                                        <div class="details_configure7_li">
                                            <img src="../img/笔记本1.png" alt="">
                                            <div class="details_configure7_li_dv">HUAWEI 
                                                <br>MateView 28.2英寸 原色显示器 4K+ 超高清分辨率 电影级色域 94%高屏占比 3:2 屏幕比例 支持华为手机一碰投屏 65W Type-C反向充电</div>
                                    </div>
                                    </li>
                                </ul>
                            </div>
                            <div class="details_configure8">
                                <div class="details_address_1" style="margin-top: 20px;">已选择商品</div>
                                <ul>
                                    <li>
                                        <div></div>
                                    </li>
                                </ul>
                            </div>
                            <div class="shopping">
                                    <input class="shopping_add" type="text" value="1" disabled>
                                <div>
                                    <div class="shopping_addj">+</div>
                                    <div class="shopping_addq">-</div>
                                </div>
                                <div class="shopping3">
                                    新增数量
                                </div>
                                <div class="shopping1"><a href="../views/cart.html">加入购物车</a>
                                    
                                </div>
                                <div class="shopping2">
                                    立即下单
                                </div>
                            </div>
                            
                        </div>
                    </div>
                    </div>
            </div>
            <!-- 商品详情 -->
            <div class="productdetails">
                <div class="productdetails_dll">
                    <ul>
                        <li><div>商品详情</div></li>
                        <li><div>规格参数</div></li>
                        <li><div>包装于售后</div></li>
                        <li><div>用户评价</div></li>
                    </ul>
                </div>
        </div>
    </div>
    <div class=footers>
        <div class=center>
            <div class=footers1>
                <div class=footers1_1><img
                        src=https://res.vmallres.com/uomcdn/CN/cms/202203/35029C2650265248A5C45BC46E0D7578.png alt="">
                    <p>百强企业&ensp;品质保证</p>
                </div>
                <div class=footers1_1><img
                        src=https://res.vmallres.com/uomcdn/CN/cms/202203/848285C26D6B91405D84D71CC8D738F2.png alt="">
                    <p>七天退货&ensp;15天换货</p>
                </div>
                <div class=footers1_1><img
                        src=https://res.vmallres.com/uomcdn/CN/cms/202203/09CE412E94E10830D00A2487756EBEE4.png alt="">
                    <p>48元起免运费</p>
                </div>
                <div class=footers1_1><img
                        src=https://res.vmallres.com/uomcdn/CN/cms/202203/EABCAA990C477793FB6F09658BF80B82.png alt="">
                    <p>2000家服务店&ensp;全国联保</p>
                </div>
            </div>
        </div>
    </div>
    <div class=footerm>
        <div class=center>
            <div class=footerm1>
                <div class=footerm1_left>
                    <dl class=s1>
                        <dt>
                            <p class=title>购物指南</p>
                        </dt>
                        <dd>
                            <ol class=ols>
                                <li><a href=""></a>免费分期</li>
                                <li><a href=""></a>以旧换新</li>
                                <li><a href=""></a>众测活动</li>
                                <li><a href=""></a>企业购</li>
                                <li><a href=""></a>O2O采购</li>
                            </ol>
                        </dd>
                    </dl>
                    <dl class=s1>
                        <dt>
                            <p class=title>售后服务</p>
                        </dt>
                        <dd>
                            <ol class=ols>
                                <li><a href=""></a>门店维修</li>
                                <li><a href=""></a>保修政策</li>
                                <li><a href=""></a>防伪查询</li>
                                <li><a href=""></a>退换货政策</li>
                                <li><a href=""></a>手机寄修服务</li>
                                <li><a href=""></a>维修备件价格查询</li>
                            </ol>
                        </dd>
                    </dl>
                    <dl class=s1>
                        <dt>
                            <p class=title>维修与技术支持</p>
                        </dt>
                        <dd>
                            <ol class=ols>
                                <li><a href=""></a>服务店</li>
                                <li><a href=""></a>预约维修</li>
                                <li><a href=""></a>手机寄修</li>
                                <li><a href=""></a>备件价格查询</li>
                                <li><a href=""></a>上门服务</li>
                            </ol>
                        </dd>
                    </dl>
                    <dl class=s1>
                        <dt>
                            <p class=title>特色服务</p>
                        </dt>
                        <dd>
                            <ol class=ols>
                                <li><a href=""></a>防伪查询</li>
                                <li><a href=""></a>补购保障</li>
                                <li><a href=""></a>以旧换新</li>
                                <li><a href=""></a>礼品包装</li>
                            </ol>
                        </dd>
                    </dl>
                    <dl class=s1>
                        <dt>
                            <p class=title>关于我们</p>
                        </dt>
                        <dd>
                            <ol class=ols>
                                <li><a href=""></a>公司介绍</li>
                                <li><a href=""></a>华为零售店</li>
                                <li><a href=""></a>商家中心</li>
                                <li><a href=""></a>意见反馈</li>
                            </ol>
                        </dd>
                    </dl>
                    <dl class=s1>
                        <dt>
                            <p class=title>友情链接</p>
                        </dt>
                        <dd>
                            <ol class=ols>
                                <li><a href=""></a>华为集团</li>
                                <li><a href=""></a>华为CBG官网</li>
                                <li><a href=""></a>花粉俱乐部</li>
                                <li><a href=""></a>华为云</li>
                                <li><a href=""></a>华为应用市场</li>
                            </ol>
                        </dd>
                    </dl>
                </div>
                <div class=footerm1_right>
                    <p class=footerm1_right1>950805</p>
                    <p class=footerm1_right2>7 x 24 小时客服热线 (仅收市话费)</p>
                    <p class=footerm1_right3>在线客服</p>
                    <p class=footerm1_right4>关注AMALL</p>
                </div>
            </div>
        </div>
    </div>
    <div class=footerf>
        <div class=center>
            <div class=footermf><img class=log1
                    src=https://res.vmallres.com/pimages//pages/cdnImages/33223073294617032233.png alt="">
                <div class=txt>
                    <p class=txt1>华为集团| 华为CBG官网| 花粉俱乐部| 华为应用市场| HarmonyOS| 华为终端云空间| 开发者联盟| 华为商城手机版| 网站地图</p>
                    <p class=txt2>隐私声明 服务协议 COOKIES Copyright &copy; 2012-2022 华为终端有限公司 版权所有 粤ICP备19015064号|粤公网安备
                        44190002003939号</p>
                    <p class=txt2>增值电信业务经营许可证:粤B2-20190762|备案主体编号:44201919072182|粤新出网备(2021)2号|（粤）网械平台备字[2022]第00005号
                    </p>
                    <p class=txt2>互联网药品信息服务资格证（粤）-非经营性-2020-0102 | 粤东食药监械经营备20203930 | 广东省网络食品交易第三方平台备案:GDWS10168</p>
                </div><img class=log2 src=https://res.vmallres.com/pimages/template/content/2016/20160226162415360.png
                    alt="">
            </div>
        </div>
    </div>
    <div class=guding>
        <div class=gwc><img src=../img/cart.png alt=""> <a href=../views/cart.html>购物车</a></div>
        <div class=zxkf><img src=../img/zxkf.png alt=""> <a href="">在线客服</a></div>
        <div class=zzfw><img src=../img/zzfw.png alt=""> <a href="">自助服务</a></div>
        <div class=toTop><img src=../img/fhdb.png alt="">
            <p>返回顶部</p>
        </div>
    </div>
    <script src=../js/gather.js></script>
    <script src=../js/totop.js></script>
    <script src=../js/cart.js></script>
    
</body>

</html>